import Vue from 'vue'
import Router from 'vue-router'
import Login from './components/Login.vue'
import Home from './components/Home.vue'
import Welcome from './components/Welcome.vue'
import Users from './components/user/Users.vue'

Vue.use(Router)
//const routes = [
 // { path:'/login', component: () => import('./components/Login.vue') }
//]

// const router = new Router({
//   routes
// })
const router = new Router({
  routes: [
    { path: '/', redirect: '/Login' },
    { path: '/login', component: Login },
    { path: '/home', component: Home,
      redirect:'/welcome',
      children:[{path:'/welcome',component:Welcome},
                {path:'/users',component:Users}
    ]}
  ]
})
//挂载路由导航守卫
router.beforeEach((to,from,next) => {
  if(to.path === '/login') return next();
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr) return next('/login')
  next()


})

export default router
